window.onload=function(){
		function ha(obj,t){
			time = setInterval(function(){
				if(t>obj.offsetTop){
					var s = 40;
				}else{
					var s = -40;
				}
				var l = obj.offsetTop +s;
				if(l>=t && s>0||l<=t && s<0){
					l = t;
					clearInterval(time);
				}
				obj.style.top = l +'%';
			},20)
		}
		var d1 = document.getElementById('div1');
		var son = document.getElementById('son');
		var ul = son.getElementsByTagName('ul')
		var n=0;
		var time1;
		var time;
	
		function hei(){
			ha(son,-n*100);
		
		}
		function he(){
			time1 = setInterval(function(){
				n++;
				if(n>=ul.length){
				n=0;
				}
				hei();
			},3000)
		}
		he();
	
		d1.onmouseover=function(){
			clearInterval(time1)
		}
		d1.onmouseout=function(){
			he();
		}
	}